<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>锚点练习</title>
</head>
<body>
<h1>西游记</h1>
<a href="#c1">跳转至第一章</a>
<a href="#c2">跳转至第二章</a>
<a href="#c3">跳转至第三章</a>
<hr>
<h3 id="c1">第一章 石猴出世</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aliquid amet atque corporis distinctio inventore iusto
    necessitatibus numquam quod quos, rem rerum sed, temporibus tenetur. Consequuntur fugiat illo officia perferendis
    reiciendis!</p>
<p>At, consequuntur cum dolores enim explicabo illo incidunt minima nisi quae quaerat quo rem, soluta suscipit! Ab
    accusantium beatae corporis, delectus deleniti dignissimos earum ipsum labore modi necessitatibus sunt ullam?</p>
<p>A aliquam, consequuntur, culpa dolorem dolorum facilis impedit incidunt maxime numquam officia possimus quasi, quod
    reprehenderit sed similique vitae voluptas voluptatum! Cupiditate, dolore earum ipsa ipsum minima placeat sequi
    tempora.</p>
<p>Aliquam blanditiis doloremque esse ex exercitationem libero, modi neque nulla quaerat quas quasi rem, sunt
    voluptatibus. Ea, excepturi expedita fugiat maiores, nisi nulla obcaecati odio quidem sint, veniam voluptas
    voluptatum!</p>
<p>Ab architecto atque corporis culpa dignissimos doloremque dolores ducimus error illo in labore laboriosam magnam,
    minima minus, mollitia officia optio porro quis rem velit. Accusantium dolor exercitationem molestiae nesciunt
    pariatur.</p>
<p>Aliquid aspernatur beatae cum dicta dignissimos dolorem dolorum esse est facilis harum impedit inventore laboriosam
    laborum magni minus modi neque nesciunt nihil, officiis quaerat qui reiciendis sequi ullam? Nulla, voluptatum?</p>
<p>Adipisci architecto asperiores aspernatur consectetur dignissimos distinctio, dolore doloremque ducimus fuga harum
    inventore labore maxime nisi nobis numquam reiciendis repudiandae velit veritatis! Assumenda consequuntur est
    laudantium odit praesentium suscipit veritatis.</p>
<p>Aut consequatur cupiditate, debitis dignissimos dolorum iure nihil nulla numquam officia praesentium quaerat
    quibusdam reiciendis similique soluta vitae! A alias doloremque dolores minima necessitatibus non odio ullam veniam
    voluptas voluptatum!</p>
<p>Adipisci aliquid at debitis delectus doloribus est et exercitationem explicabo illum ipsa ipsam iste, iure laboriosam
    magnam maiores nostrum possimus quod quos recusandae repellat, rerum sequi vero vitae voluptas voluptate.</p>
<p>A amet debitis, eaque, est eveniet exercitationem facilis harum illum minima natus, neque nobis quibusdam repellat
    repellendus saepe similique veniam? Dolorem est eum expedita impedit laudantium placeat quaerat quo ut!</p>
<p>Beatae blanditiis eius expedita labore quis sint veniam vitae! Atque culpa, dicta dignissimos dolorem doloremque
    doloribus eaque esse ex fugiat laudantium maiores minima officiis quae quo tenetur totam vero voluptates.</p>
<p>A aliquid aperiam doloribus dolorum ea, error esse facere incidunt magni nesciunt ratione reprehenderit sit.
    Aspernatur blanditiis harum id in molestias, nulla quas quibusdam ratione rem saepe suscipit temporibus veniam?</p>
<p>Eaque excepturi facere id in modi, mollitia pariatur praesentium similique! Adipisci animi atque cupiditate delectus
    doloribus error facere fugiat maxime nam non porro quam, quia quo repudiandae sint temporibus totam.</p>
<p>Accusantium architecto cum deleniti dicta dolor eaque et eveniet expedita, explicabo fugit harum in laborum, minima
    nesciunt nobis non officia officiis perferendis placeat praesentium quae quidem rem suscipit vel veniam!</p>
<p>Assumenda blanditiis culpa deserunt fuga fugit hic nemo odio possimus quibusdam temporibus. Adipisci dignissimos ea
    eaque esse excepturi natus odit quasi rerum sequi similique. Expedita facilis molestias provident sapiente
    vitae?</p>
<p>Aspernatur cum debitis dignissimos magnam! Accusantium aliquid aperiam beatae cum dolores dolorum error
    exercitationem expedita facilis, fugiat iste, itaque natus officia, officiis quae quos reprehenderit similique ut.
    Animi impedit, iste.</p>
<p>Accusamus consequuntur corporis cum deserunt distinctio eveniet, expedita explicabo facilis fugit inventore laborum
    magni omnis, quaerat quibusdam sed temporibus vero voluptatum! Corporis dolorem excepturi minima molestias placeat
    praesentium soluta voluptate.</p>
<p>Distinctio dolor esse minima omnis saepe vero voluptatibus? Accusantium blanditiis eos esse, facilis fugiat ipsa,
    ipsum labore minima, modi molestiae mollitia neque nulla obcaecati perferendis quae quidem quod repellat sed.</p>
<p>At aut delectus dolorum eaque error eum explicabo minima nisi non nulla optio pariatur porro, provident quas quos
    reiciendis repellat sit, soluta ullam voluptates. Aliquid exercitationem quae recusandae sapiente vitae.</p>
<p>Aliquam atque cumque enim est ex fuga ipsam iusto, numquam quaerat quia repellat sint vel, velit. Accusamus atque
    dicta eaque explicabo, fugiat itaque neque odio pariatur quo sed totam voluptatem.</p>
<p>Accusantium assumenda commodi enim ipsa ipsum modi nam optio pariatur perspiciatis praesentium quas quia quis
    recusandae saepe tenetur, veritatis voluptatem! Aspernatur cum enim facilis libero magni nulla quaerat reprehenderit
    ut!</p>
<p>Accusamus ad aliquam aliquid debitis deleniti eaque earum ex id illo omnis optio porro quisquam saepe sapiente sint,
    soluta, tempore temporibus, ullam ut velit. Blanditiis maxime nemo nisi porro quae!</p>
<p>Consectetur cumque, debitis, doloremque, earum eius eos error expedita illo iure laboriosam nemo nulla odio quae quos
    repellendus tempora voluptates? Debitis eos ipsa iste iure laborum libero neque recusandae repellendus.</p>
<p>Aspernatur consequuntur cupiditate, earum eos eum facilis inventore itaque modi mollitia sapiente sed tempora
    voluptates. Aliquam facere magni nam provident quaerat? Accusantium commodi delectus dolorum eveniet magnam nobis
    tempore, voluptate.</p>
<p>Eligendi odio perspiciatis quos! Accusamus alias assumenda commodi delectus dignissimos distinctio eaque eos
    exercitationem facilis fugiat ipsa laborum maxime, omnis optio quidem, quo reprehenderit sapiente tenetur unde velit
    vitae voluptatum?</p>
<p>Ad aliquam at commodi, debitis dicta doloremque eveniet facilis inventore ipsam laudantium magni maiores neque nobis
    nostrum officiis quod recusandae repudiandae soluta suscipit tenetur velit voluptate voluptatem! Aliquid, beatae,
    soluta?</p>
<p>Aspernatur, commodi, cum ipsam iste laborum molestias nostrum odio, quaerat quibusdam ratione repellendus sequi sunt
    vero voluptas voluptate. Aliquam aliquid blanditiis, consectetur culpa cumque deserunt nam neque placeat sunt
    voluptatem!</p>
<p>Assumenda consectetur culpa dicta dolorum, ducimus earum enim error est et eveniet ex id iste laboriosam minus
    molestias nemo neque nesciunt nihil nobis provident quas quod reprehenderit tempora unde velit!</p>
<p>Assumenda, maiores odio? Ad adipisci aliquam amet aperiam asperiores atque dolores fugiat id inventore ipsum
    molestias natus nisi nulla numquam quas rem repudiandae rerum saepe sapiente sed, suscipit totam velit?</p>
<p>Alias aut beatae cupiditate earum eveniet ex facere illum inventore maiores minima odit pariatur quos rerum, voluptas
    voluptatem? Accusamus atque ducimus earum ipsum libero quaerat quidem tempora temporibus unde voluptas.</p>


<h3 id="c2">第二章 蓬莱学艺</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusantium aperiam asperiores consequuntur illum inventore
    nobis totam, velit! A architecto deserunt eius ipsam mollitia, nostrum obcaecati quisquam quo reprehenderit tempore
    vel.</p>
<p>Adipisci amet eaque et fugiat nisi numquam officiis, quam qui! Accusamus accusantium assumenda beatae dolor earum
    excepturi incidunt inventore ipsa itaque laudantium neque quo repellendus, sapiente sed tempore vero voluptatum.</p>
<p>Aliquid ipsam modi nostrum quae quo rerum sapiente. Beatae culpa deleniti doloremque et explicabo incidunt, ipsam
    iusto libero minus modi natus necessitatibus nostrum omnis quibusdam, rerum unde vel veniam veritatis!</p>
<p>Alias beatae commodi dolorum in nihil perspiciatis provident recusandae saepe voluptates, voluptatum. Asperiores
    doloribus id itaque mollitia possimus repellat, suscipit voluptates? Aliquid consequuntur corporis deserunt ea, eius
    illum itaque mollitia.</p>
<p>Aspernatur at consequuntur, delectus possimus quam quibusdam quo sunt? Accusantium blanditiis consequatur, est illum
    incidunt iusto minima nesciunt obcaecati officiis optio pariatur quae qui recusandae rerum sequi, sit sunt
    voluptatibus!</p>
<p>Autem consectetur doloremque ducimus expedita impedit nam neque nulla odio placeat recusandae totam, unde, velit
    veritatis voluptate voluptatem. Ab harum, iusto maiores mollitia nobis nostrum omnis praesentium quia sunt?
    Sint?</p>
<p>Ad blanditiis consequuntur debitis delectus dicta distinctio dolor dolores facilis incidunt minima nisi nulla odio
    pariatur quibusdam, quidem quos, recusandae, sint suscipit tempore vitae. Commodi deleniti dolorem exercitationem
    nobis pariatur.</p>
<p>A delectus dolore doloremque dolorum esse harum hic impedit iste iure laboriosam maiores, maxime mollitia nisi quia,
    quis repudiandae similique veniam voluptas! Fuga hic labore necessitatibus officia quae qui voluptatem.</p>
<p>Animi doloribus esse fugit ipsam laborum minima molestias odio quaerat quos rem repellat, voluptas voluptatem.
    Eligendi expedita hic quia rem sequi. Beatae dolore expedita illo iste laboriosam quam similique. Odit?</p>
<p>Ab at beatae culpa cumque dolore dolorem dolores doloribus earum enim eum ipsum laboriosam, laudantium minima minus
    non omnis optio pariatur provident quas reiciendis repellendus sapiente similique temporibus? Esse, molestiae?</p>
<p>Architecto culpa eius ipsum magnam minima numquam possimus repudiandae voluptate? Accusantium at consequuntur ducimus
    ea eaque ex fugit illum ipsum modi nulla officia quidem quod tempora ut vel velit, veniam.</p>
<p>Accusamus adipisci blanditiis deleniti, doloremque dolores dolorum ducimus eligendi error harum hic ipsa, libero
    necessitatibus perspiciatis praesentium provident repellat repellendus sapiente temporibus totam voluptas. Inventore
    laborum nostrum nulla perferendis similique?</p>
<p>Delectus deserunt dolore eius eos eum fugiat id inventore ipsam itaque iusto labore natus neque nihil, nobis nulla,
    numquam provident quisquam quod recusandae sequi. Magnam maxime minima quia sed sunt!</p>
<p>Aperiam consectetur dolor dolorem dolorum ducimus earum eos, error hic maxime quisquam, soluta totam veritatis. A
    accusamus alias atque dolor dolorem fugit hic ipsum, laudantium, quia quibusdam rem similique voluptates.</p>
<p>Architecto aspernatur at dolorem optio repellat. Blanditiis dolore, et facere iusto nisi optio perferendis quasi quia
    quo unde. Ad, aspernatur consectetur culpa ducimus esse eveniet impedit nam natus repellat voluptates.</p>
<p>Accusamus adipisci dignissimos earum eos est fuga ipsa iure maiores nostrum velit! Aspernatur dolorem doloremque ea
    excepturi nulla possimus quas similique. Aliquid consequatur dolore est ipsa, placeat sunt ullam vero?</p>
<p>Dolore dolores iste non numquam quia, quibusdam sapiente tempore totam. At beatae dolorem eaque eligendi harum
    necessitatibus nemo nisi praesentium quis vero. Asperiores atque ducimus minus, quaerat rem unde voluptatibus?</p>
<p>Atque corporis facere id iste laudantium libero nisi perspiciatis similique suscipit? A aut commodi, culpa facere
    fuga illum itaque laboriosam natus officiis perferendis quasi quia quibusdam, quod quos, soluta vel?</p>
<p>Ducimus esse numquam pariatur vero? Dicta doloribus excepturi iusto repellat rerum totam ut velit! At corporis
    doloribus fuga, iure labore molestiae! Accusantium aspernatur culpa dignissimos, eligendi excepturi labore quasi
    rerum!</p>
<p>Accusamus animi aut consectetur consequuntur culpa ex expedita fugiat, fugit incidunt, molestiae natus neque nostrum
    obcaecati odit officia quae quod ratione rem rerum sapiente sequi tempora vitae? Incidunt minima, suscipit.</p>
<p>Molestiae molestias, mollitia pariatur qui repellendus sunt temporibus! Aperiam asperiores inventore maxime rem sunt?
    Accusamus doloribus eos et inventore iusto neque omnis quibusdam veritatis! Dolorem maiores quisquam repudiandae
    tempora unde.</p>
<p>Accusantium alias aliquam asperiores at atque corporis debitis eligendi enim esse fugit hic illo ipsum magni minus,
    molestias mollitia nulla numquam officia pariatur perspiciatis quasi quisquam rerum tenetur ullam unde.</p>
<p>Accusamus accusantium, adipisci amet aperiam at cum dicta dolore enim eum exercitationem fugit in iusto laborum
    laudantium maiores maxime, nihil odit optio placeat provident qui, repellat rerum tempore unde veniam.</p>
<p>Beatae dolorem, nobis quae qui ut velit! A itaque laudantium necessitatibus ratione sint? A animi atque aut beatae
    consequuntur enim fugiat fugit, laboriosam magnam nemo omnis ratione vitae voluptates voluptatibus.</p>
<p>Consequatur molestiae natus perferendis quasi repellendus. Aliquid esse expedita iure iusto magni repellat tempore
    veritatis. Accusantium fugit minima quisquam ratione! Ad aliquid corporis ea magni maiores qui quod suscipit!
    Voluptas?</p>
<p>Ab, adipisci, asperiores blanditiis consequatur corporis doloremque dolorum eius harum in, praesentium ratione
    repudiandae sapiente vel velit veniam? Dignissimos enim harum id labore nisi numquam placeat quod quos recusandae
    voluptatum!</p>
<p>Adipisci alias, aliquid assumenda consequatur debitis est eum harum illo ipsam laborum modi mollitia nemo nobis
    nostrum provident quibusdam, quisquam totam voluptas! Aperiam consequuntur deserunt eveniet obcaecati sint
    temporibus, voluptatum.</p>
<p>Accusamus distinctio, eum fugiat odio quod sit! Atque molestias, quos. Amet, dignissimos distinctio dolores eius eum
    eveniet facilis fugit iure magni omnis possimus provident quaerat qui quia quo totam voluptatum!</p>
<p>Accusantium adipisci at autem corporis cupiditate distinctio doloribus ducimus eius eligendi ex explicabo fugiat hic
    id ipsum iste labore libero maxime minima quaerat, similique sunt tempora unde vel velit vitae!</p>
<p>Accusantium alias deleniti dolore dolorem eaque, fugiat hic illo impedit in ipsa iure nesciunt officia officiis quis
    quod sit tempore! Deserunt dolorum ducimus neque odit tempore. Deserunt eligendi nesciunt officiis?</p>

<h3 id="c3">第三章 龙宫借宝</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aperiam, atque distinctio eligendi, esse ex facere fugit
    hic illo laboriosam laborum nulla odit officia quis quod saepe velit vero, voluptate voluptatem.</p>
<p>Doloribus eligendi enim laudantium quibusdam quod rem vel voluptate! Accusantium consectetur consequuntur, dicta
    doloribus enim error et excepturi in iusto molestiae necessitatibus nesciunt numquam odit quas qui reiciendis
    repellat vero?</p>
<p>Ab alias culpa debitis eligendi eveniet exercitationem expedita, impedit necessitatibus pariatur qui, quidem quod.
    Cum ea est eveniet hic magnam magni molestias nihil nisi, officiis recusandae, reiciendis tenetur, velit
    voluptatem!</p>
<p>Ad aut dignissimos doloremque doloribus, fuga, fugiat illum ipsa ipsam iste minus natus nesciunt nihil nisi officiis
    quam qui recusandae repellendus rerum sed sint tempora tempore totam veritatis vitae voluptate?</p>
<p>Aperiam consequuntur dolor enim facere odio optio porro provident repellat tempore voluptatibus? Error eum, ex
    expedita non obcaecati quaerat saepe. Asperiores dolorem ea illo incidunt laboriosam quae recusandae! Facilis,
    iure?</p>
<p>Architecto cum doloribus dolorum eius enim facere, harum hic id illo minima molestiae molestias nemo nesciunt odio
    officia officiis optio placeat, quisquam reprehenderit rerum similique tempore temporibus unde voluptate
    voluptatem!</p>
<p>Aliquid consectetur explicabo illo neque numquam quos reiciendis repudiandae sapiente tempore totam? Cupiditate fugit
    magnam minus numquam, quam rerum sequi. Fugit ipsam nostrum perspiciatis qui recusandae soluta totam vitae
    voluptatum.</p>
<p>Accusantium animi architecto blanditiis ducimus eligendi excepturi facere fuga, fugiat ipsam minus nemo nesciunt
    perferendis possimus quis, quos reiciendis rerum tenetur velit! Autem, doloremque enim hic praesentium soluta
    veritatis voluptates.</p>
<p>Alias animi beatae cum cupiditate debitis ducimus labore libero magni nam, optio quidem reprehenderit, sed sequi
    similique tenetur ut veritatis. Illo ipsam sapiente sit vel voluptates. Blanditiis exercitationem libero
    voluptatem!</p>
<p>Accusantium animi aspernatur beatae consequatur dicta dolore dolorem eius fuga harum ipsum magnam maiores molestias
    neque, nobis nostrum quae quaerat rem rerum sed soluta sunt tenetur unde voluptatibus. Architecto, sapiente!</p>
<p>Architecto consequatur expedita hic impedit modi nisi quod sapiente tempora. Aspernatur commodi esse harum impedit
    minus quibusdam quidem quo quos repellendus soluta. Ea est, iure modi obcaecati praesentium quas suscipit!</p>
<p>Aliquid aperiam, consequuntur corporis cupiditate dicta doloremque eos eum facere id incidunt ipsam laborum molestiae
    recusandae sit, unde vel voluptas! Dicta facilis fugiat modi nulla odio voluptates voluptatum! Quos,
    reprehenderit.</p>
<p>Corporis debitis delectus deleniti doloribus eos eveniet ipsa ipsam labore laudantium libero magni modi molestiae
    nisi, nobis odio odit porro quibusdam quidem quos ratione sint sunt suscipit veniam veritatis voluptatum.</p>
<p>Expedita magni nemo soluta veniam. Accusantium ad aperiam consequatur cumque, deserunt dolor doloribus ducimus eaque
    eius eligendi iste labore laboriosam modi mollitia, nihil nisi perspiciatis porro possimus quibusdam sequi
    voluptas.</p>
<p>Asperiores, atque cupiditate debitis explicabo in iusto nobis nostrum, perferendis qui repudiandae sit sunt ut
    voluptatum! A est minima molestiae natus, nulla, quas quibusdam repellat rerum sequi sunt, unde vero.</p>
<p>Consequatur cum, deleniti dignissimos dolore fuga maxime nemo quo sint. Cupiditate eveniet explicabo nostrum porro
    ratione reprehenderit? Aliquam autem doloribus, eveniet harum in natus numquam placeat praesentium provident vero,
    voluptatibus.</p>
<p>Adipisci aliquid consectetur, dolorum ea eum ex explicabo hic impedit iusto, magni odit quod rerum, voluptas!
    Dolorum, facilis illum, molestias nisi obcaecati optio perferendis quo soluta tenetur totam ullam ut.</p>
<p>A accusamus architecto aut autem debitis dicta doloremque, eius eligendi facilis ipsa itaque libero nobis obcaecati
    pariatur praesentium quae quos ratione, repellendus reprehenderit repudiandae saepe sed sequi sit tenetur vitae.</p>
<p>Doloribus eaque ex expedita iure iusto laboriosam officia quod. A accusamus alias deserunt eius ipsa laudantium,
    magni minima molestias nisi numquam odio provident, quae quam reiciendis repellat sit ullam vitae?</p>
<p>Alias assumenda, cum cumque, ducimus id impedit laboriosam minima porro quidem ratione rerum similique, ullam
    voluptate. Explicabo facilis fuga impedit quasi vero voluptatem! Deleniti dolore impedit iure nisi placeat qui?</p>
<p>A, alias aperiam cupiditate deleniti et excepturi illum iusto minima molestiae optio placeat, qui quidem ut? Ab
    aperiam cum delectus doloribus excepturi facilis fugit harum laborum odio, perspiciatis rerum suscipit?</p>
<p>Accusamus amet aspernatur, autem culpa deleniti et, explicabo, facere fugiat ipsa numquam obcaecati omnis repellendus
    totam? Alias aperiam architecto dignissimos impedit iste maiores molestiae, praesentium similique sint temporibus
    vero voluptas.</p>
<p>Consequatur debitis eos minus non, quas sit. A amet animi consequuntur debitis dolor dolore dolorem doloremque enim
    est facere illo ipsum optio praesentium, quibusdam quisquam repellat, reprehenderit, saepe sunt voluptates!</p>
<p>Ad debitis dolorum eaque error fuga in inventore itaque nam, odio pariatur possimus quibusdam quo saepe sapiente sint
    soluta tempore tenetur velit? Accusantium alias animi consequuntur illo maiores nulla quas!</p>
<p>Dignissimos dolore eligendi, excepturi exercitationem illo ipsum iure maiores minus odit optio perferendis quam
    quibusdam quidem recusandae reiciendis repellendus repudiandae, tempore ullam unde velit? Corporis ea eius esse
    eveniet nam.</p>
<p>Atque cupiditate dolores doloribus dolorum enim est iste, labore minima minus mollitia nemo nesciunt odit optio quae
    quidem repellat, sapiente unde. Ad deserunt iure labore magnam molestiae repudiandae ullam velit.</p>
<p>A ab aperiam architecto cupiditate dignissimos, dolorum error, iste laudantium maxime nam officia omnis quaerat quia
    ratione totam! Corporis deserunt eaque eos eum, harum iure magnam obcaecati temporibus ullam vel.</p>
<p>Ab aliquid aperiam, architecto blanditiis consequatur corporis dolores ex inventore, iure labore maxime neque omnis
    perferendis perspiciatis quibusdam quis sed suscipit totam vitae, voluptates? Aut dignissimos labore neque quia
    quod!</p>
<p>Alias, architecto deleniti error exercitationem molestias nisi officiis pariatur quidem tempora voluptate. Deserunt
    ducimus eos incidunt itaque iusto magnam minus, perferendis perspiciatis praesentium qui quod ratione rerum soluta
    suscipit, temporibus.</p>
<p>Accusamus blanditiis consectetur deserunt dolor ducimus eum ex excepturi, explicabo fuga harum impedit inventore ipsa
    modi necessitatibus neque nihil, numquam ratione reiciendis rem reprehenderit repudiandae sed, sint tempore unde
    vero!</p>
<a href="#">跳转至首页</a>
</body>
</html>